body {
	margin: 0;
	background-color: rgb(233,234,236);
}

.topArea {
	width: 12.8rem;
	height: 0.65rem;
	background-color: rgb(241, 191, 77);
}

.topArea .top_img1 {
	float: left;
	width: 0.73rem;
	height: 0.34rem;
	margin-left: 1.7rem;
	margin-top: 0.17rem;
}
.topArea .tA_textArea{
    float: left;
	margin-left: 0.72rem;
	font-size: 0.15rem;
	vertical-align: middle;
}

.topArea .tA_textArea .tA_text{
	color: rgb(102,90,78);
	float: left;
	line-height: 0.65rem;
	margin-left: 0.32rem;
}

.topArea .tA_textArea .tA_text:hover{
	cursor: pointer;
}
.topArea input{
	float: left;
	outline: none;
	font-size: 0.14rem;
	padding-left: 0.09rem;
	border: 0.01rem solid rgb(202,151,32);
	margin-left: 0.72rem;
	margin-top: 0.19rem;
	width: 1.88rem;
	height: 0.27rem;
}
.topArea .top_img2{
	position: absolute;
	width: 0.16rem;
	height: 0.17rem;
	margin-left: 2.46rem;
	margin-top: 0.25rem;
}
.topArea .top_img2:hover{
	cursor: pointer;
}
.topArea .tA_Flex{
	display: flex;
	font-size: 0.15rem;
	position: absolute;
	margin-top: 0.25rem;
	margin-left: 10.26rem;
	color: rgb(140,90,78);
}
.topArea .tA_Flex:hover{
	cursor: pointer;
}
.topArea .tA_Flex .flex1{
	width: 0.41rem;
	border-right: 0.01rem solid rgb(210,141,37);
}
.topArea .tA_Flex .flex2{
	width: 0.39rem;
	padding-left: 0.08rem;
	border-left:0.01rem solid rgb(250,202,76) ;
}
.middleArea{
	width: 12.8rem;
	height: 2.48rem;
}
.middleArea .mA_textArea{
	position: absolute;
	color: rgb(152,132,91);
	margin-top: 0.78rem;
	width: 12.8rem;
	height: 0.98rem;
	display: flex;
	flex-direction: column;
}
.middleArea .mA_textArea .top{
	text-align: center;
	font-size: 0.55rem;
	height: 0.78rem;
}
.middleArea .mA_textArea .buttom{
	margin-left: 4.92rem;
	width: 2.95rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 0.19rem;
}
.middleArea .mA_textArea .buttom .buttomText{
	width: 0.78rem;
}
.selectArea{
	width: 12.8rem;
	height: 0.85rem;
	background-color: rgb(225,225,226);
	font-size: 0.12rem;
}
.selectArea .where{
	float: left;
	margin-left: 3.16rem;
	width: 5.44rem;
	height: 0.85rem;
	line-height: 0.85rem;
	vertical-align: middle;
	
}
.selectArea .where select{
	border: 0.01rem solid rgb(204,204,204);
	width: 1.57rem;
	height: 0.37rem;
}

.selectArea .what{
	position: absolute;
	margin-left: 7.75rem;
	float: left;
	height: 0.85rem;
	line-height: 0.85rem;
	vertical-align: middle;
	
}
.selectArea .what select{
	border: 0.01rem solid rgb(204,204,204);
	width: 1.71rem;
	height: 0.37rem;
}
.projectSelect{
	margin-top: 0.8rem;
	margin-left: 3.19rem;
}
.projectSelect table{
	border: 0.01rem solid rgb(204,204,204);
	width: 6.4rem;
	height: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	vertical-align: middle;
	font-size: 0.14rem;
}
.projectSelect table:hover{
	cursor: pointer;
}
.projectArea{
	background-color: white;
	margin-top: 0.56rem;
	margin-left: 1.6rem;
	width: 9.6rem;
	height: 13.10rem;
}
.projectArea .projectBoxArea{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 8.7rem;
	height: 3.3rem;
	padding-left: 0.44rem;
	padding-top: 0.09rem;
}
.projectArea .projectBoxArea .box{
	width: 2.5rem;
	height: 3.3rem;
	border: 0.01rem solid rgb(204,204,204);
	display: flex;
	flex-direction: column;
	margin-top: 0.46rem;
}
.projectArea .projectBoxArea .box .box_top{
	display: flex;
	flex-wrap: wrap;
	width: 2.15rem;
	height: 1.3rem;
	padding-top: 0.15rem;
	margin-left: 0.18rem;
	border-bottom: 0.01rem solid rgb(204,204,204);
}
.projectArea .projectBoxArea .box .box_top .box_top_img{
	width: 0.64rem;
	height: 0.64rem;
}
.projectArea .projectBoxArea .box .box_top .box_top_img img{
	width: 100%;
	height: 100%
}
.projectArea .projectBoxArea .box .box_top .box_top_text{
	display: flex;
	flex-direction: column;
	padding-top: 0.15rem;
	width: 1.5rem;
	height: 0.35rem;
}
.projectArea .projectBoxArea .box .box_top .box_top_text .box_top_text1{
	padding-left: 0.11rem;
	font-size: 0.15rem;
	font-weight: bold;
}
.projectArea .projectBoxArea .box .box_top .box_top_text .box_top_text2{
	padding-left: 0.11rem;
	font-size: 0.12rem;
	color: rgb(153,153,153);
}
.projectArea .projectBoxArea .box .box_top .box_buttom_text{
	font-size: 0.11rem;
	color: rgb(153,153,153);
}
.projectArea .projectBoxArea .box .box_buttom{
	color: rgb(153,153,153);
	margin-top: 0.18rem;
	margin-left: 0.17rem;
	width: 2.2rem;
	height: 0.72rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.projectArea .projectBoxArea .box .box_buttom .machine .machineText1{
	float: left;
	width: 1.64rem;
}
.projectArea .projectBoxArea .box .box_buttom .machine .machineText2{
	float: left;
	color: rgb(51,51,51);
}
.projectArea .projectBoxArea .box .box_buttom .teacher .teacherText1{
	float: left;
	width: 1.87rem;
}
.projectArea .projectBoxArea .box .box_buttom .teacher .teacherText2{
	float: left;
	color: rgb(51,51,51);
}
.projectArea .projectBoxArea .box .box_buttom .size .sizeText1{
	float: left;
	width: 1.76rem;
}
.projectArea .projectBoxArea .box .box_buttom .size .sizeText2{
	float: left;
	color: rgb(51,51,51);
}
.projectArea .projectBoxArea .box .progress{
	margin-top: 0.26rem;
	margin-left: 0.16rem;
	background-color: rgb(18,173,117);
	width: 2.15rem;
	height: 0.07rem;
}
.projectArea .projectBoxArea .box .money{
	margin-top: 0.17rem;
	margin-left: 0.15rem;
}
.projectArea .projectBoxArea .box .money input{
	float: left;
	text-align: center;
	color: white;
	width: 0.71rem;
	height: 0.2rem;
	background-color: rgb(241,107,37);
	border: 0.01rem solid rgb(241,107,37);
	font-size: 0.12rem;
	outline: none;
}
.projectArea .projectBoxArea .box .money input:hover{
	cursor: pointer;
}
.projectArea .projectBoxArea .box .money .money_Text{
	float: left;
	height: 0.2rem;
	line-height: 0.2rem;
	vertical-align: 0.2rem;
	margin-left: 0.53rem;
	font-size: 0.12rem;
}
.box2 .hideArea{
	margin: 0;
	position: absolute;
	width: 2.5rem;
	height: 3.3rem;
	background-color: rgba(237,237,237,0.98);
}
.box2 .hideArea .hA_Text{
	margin-top: 0.96rem;
	width: 2.5rem;
	text-align: center;
	color: rgb(120,120,120) ;
	font-size: 0.14rem;
}
.box2 .hideArea input{
	margin-top: 0.51rem;
	margin-left: 0.47rem;
	font-size: 0.14rem;
	background-color: rgb(246,184,29);
	border: 0.01rem solid rgb(246,184,29);
	width: 1.55rem;
	height: 0.39rem;
	text-align: center;
	outline: none;
}
.box2 .hideArea input:hover{
	cursor: pointer;
}